<template>
  <div class='nav-footer'>
                <ul>
                    <li>
                      
                        <router-link  to='/home'>
                            <i class="iconfont icon-home"></i>
                           <span>首页</span>
                        </router-link>
                    </li>
                    <li>
                        <router-link to='/shop'>
                            <i class="iconfont icon-shop"></i>
                            <span>商城</span>
                        </router-link>
                    </li>
                    <li>
                        <router-link to='/life'>
                            <i class="iconfont icon-trophy"></i>
                            <span>生活服务</span>
                        </router-link>
                    </li>
                    <li>
                        <router-link to='/mine'>
                            <i class="iconfont icon-team"></i>
                            <span>我的</span>
                        </router-link>
                    </li>
                </ul>
            </div>
</template>

<script>
export default {
    data() {
        return {

        };
    },
    created() {

    },
    mounted() {

    },
    methods: {

    }
};
</script>

<style scoped   lang='less'>


.nav-footer{
    background: #fff;
    position: fixed;
    left: 0;
    right: 0;
    bottom:0;
    box-shadow: 0px 0px 0px 1px #e1e1e1;
    ul{
      height: 50px;
      padding-top: 6.5px;
      li{
        float: left;
        text-align: center;
        width: 25%;
        i{
          display: block;
          font-size: 20px;
        }
        span{
          font-size: 24px;
       
        }
      }
    }
  }

</style>
